<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2343067_8iz85aj5dle.css">
    <style>
        @font-face{
            font-family: "myfont";
            src: url("./fonts/iconfont.ttf");
        }
        .myfont{
            font-family: "myfont";
            font-size: 30px;
            color: red;
        }
        .myfont-aa::before{
            content: "\e6d6";
        }
    </style>
</head>
<body>
    <!-- 
        额外字库的加载
            + @font-face 样式表示加载额外的字体文件
            + 文字图标 实际上是通过 字库文件加载和样式定义所实现
    -->
    <p class="myfont myfont-aa">=======</p>
    <p class="iconfont icon-ziyuan">=======</p>

</body>
</html>